<script lang="ts" setup>
import { ref } from 'vue'

definePage({
  style: {
    navigationBarTitleText: 'home',
  },
})
// 定义响应式数据
const list = ref<SwiperItem[]>([
  {
    image: '/static/images/default-avatar.png',
    title: '昨夜星辰昨夜风，画楼西畔桂堂东',
  },
  {
    image: '/static/images/avatar.jpg',
    title: '身无彩凤双飞翼，心有灵犀一点通',
  },
  {
    image: 'https://cdn.uviewui.com/uview/xxx.jpg',
    title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳',
  },
])
</script>

<template>
  <view class="content">
    <view class="wrap">
      <u-swiper :effect3d="true" :list="list" />
    </view>
  </view>
</template>

<style lang="scss" scoped>
//
.wrap {
  padding: 40rpx;
}
</style>
